<template>
  <div class="w-cityinfo">
    你正在预览北京市的天气信息
    <span>，可以通过右上角的"+"号按钮保存起来</span>
  </div>
  <div class="today-weather">
    <h1>当日气温是：23摄氏度</h1>
    <h1>当日天气是：多云</h1>
    <h1>当日风向是：西北风</h1>
    <h1>当日风力是：4级</h1>
  </div>
</template>

<style lang="scss" scoped>
.w-cityinfo {
  background-color: #f2f2f2;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  color: white;

  --tw-bg-opacity: 1;
  background-color: rgb(0 78 113 / var(--tw-bg-opacity));
}
.today-weather {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  color: white;
}
</style>
